.topic-list-item {
  background-color: white;

  .poster-img-wrapper {
    .poster-img {
      width: 200px;
      height: 200px;
      object-fit: cover;
      @media screen and (max-width: 768px) {
        width: 25vw;
        height: 25vw;
      }

    }
  }

  .link-work {
    .link-work-wrapper {
      background-color: #fafafa;
      cursor: pointer;
      padding: 10px;
      margin-top: 10px;
      display: flex;
      border-radius: 6px;
      @media screen and (max-width: 768px){
        flex-direction: column;
      }

      .work-title {
        margin-left: 20px;
        @media screen and (max-width: 768px){
          margin-top: 10px;
          margin-left: unset;
        }
      }

      .link-work-poster {
        width: 200px;
        height: 140px;
        border-radius: 6px;

        @media screen and (max-width: 768px){
          width: 100%;
          height: 160px;
        }
      }
    }
  }
}
